/* =============================================================
 * common-method.js v1.0.0
 * =============================================================
 * Original written by Ysy
 * =============================================================
 * Date 14/01/2020
 * ============================================================ */

// 前面加分号是为了防止前面的代码没有写分号结尾影响程序。这里采用自执行函数，防止全局被污染
;(function ($) {
    // $.extend等于$.fn.extend等于jQuery.prototype.extend。该方法会把后面的参数覆盖前面的参数，相同参数替换，不存在的参数则添加。
    $.extend($.fn, {

        toastTip: function (options) {
            this.options = $.extend({}, $.fn.toastTip.defaults, options);

            let element = document.createElement("div");
            element.setAttribute("class", "web-toast");
            element.innerHTML = this.options.message;
            document.body.appendChild(element);
            element.classList.add("toastFadeIn");

            setTimeout(function () {
                element.classList.remove("toastFadeIn");
                element.classList.add("toastFadeOut");
                /*监听动画结束，移除提示信息元素*/
                element.addEventListener("animationend", function () {
                    document.body.removeChild(element);
                });
                element.addEventListener("webkitAnimationEnd", function () {
                    document.body.removeChild(element);
                });
            }, this.options.time);
        },
    })
})(Zepto);

